<script setup>
import {Head} from "@inertiajs/vue3";
import AppLayout from "./App.vue";

const props = defineProps({
    title: {
        type: String,
        default: ''
    },
    classNames: {
        type: String,
        default: 'p-3'
    }
})
</script>

<template>
    <Head v-if="title" :title="title"/>
    <AppLayout>
        <div :class="classNames" class="flex-1">
            <slot/>
        </div>
    </AppLayout>
</template>

<style scoped>

</style>
